/**
 * postcss配置文件
 * 行内样式不能进行转换 其他样式都能进行转换
 * PostCss 是基于 Node.js 运行的一个处理 CSS的工具
 * 所以他配置文件也是运行在 node.js中
 */
// PostCss 配置文件需要导出一个对象
module.exports = {
  // 配置需要使用的插件
  plugins: {
    // 自动添加浏览器厂商声明前缀，用来兼容1不同的浏览器
    // VueCli 已经在内部默认配置了 autoprefixer
    autoprefixer: {
      // 用来配置要兼容到的系统(浏览器)环境
      // .browserslistrc 文件用来配置要兼容的环境信息
      // 750 宽的设计稿 750 / 10 = 75
      // 375 宽的设计稿 375 / 10 = 37.5
      borwsers: ['Android >= 4.0', 'IOS >= 8']
    },
    // 把 px 转换为 rem
    'postcss-pxtorem': {
      // 转换的根元素基准值
      // 正常情况是根据设计稿来
      rootValue: 37.5,
      // 需要转换的 CSS 属性 * 就是所有的属性都要转换
      propList: ['*']
    }
  }
}
